<div id="pageInfo" data-title="到店服务订单"></div>
<link rel="stylesheet" href="{skin:style/mui.css}">
<script type="text/javascript" src="{theme:javascript/mui.js}"></script>
<script type="text/javascript">mui.init();</script>
<style>
body{
	background: rgb(245,245,245);
}
.header_so_btn{
	display: none;
}
.header{
	height:0.1rem;
}
.desc{
	display: flex;
}
.viewport{
	background: rgb(245,245,245);
}
.desc div{
	width: 50%;
	height: 0.6rem;
	align-items:baseline ;
	font: 0.13rem/0.6rem "微软雅黑";
	text-align: center;
}
.desc div:nth-of-type(1) img{
	width: 100%;
	height: 0.6rem;
}
.desc div:nth-of-type(2){
	width: 50%;
	border-left: 2px solid #f5f5f5;
	border-right: 2px solid #f5f5f5;
}
.desc div:nth-of-type(2) span{
	display:inline-block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	width: 100%;
	height: 0.4rem;
}
a{
	color:black;
}
/*页脚*/
.sfoot a{
	display: block;
	width: 100%;
	color:rgb(153,153,153);
	
}
</style>
<section class="user_order">
	{set:$user_id = $this->user['user_id']}
    {set:$queryOrderList = Api::run('getVrOrderList',$user_id)}
    {set:$orderList = $queryOrderList->find()}
    {if:$orderList}
    
	<!--<ul class="user_list">
		{foreach:items = $orderList}
        <li>
			<i class="icon-chevron-right"></i>
			<a href="{url:/ucenter/vr_order_detail/order_no/$item[order_no]}">{$item['create_time']} 商品：{$item['good_name']}</a>
		</li>
        {/foreach}
	</ul>-->
	{foreach:items = $orderList}
		
		{set:$order_no=$item['order_no']} 
		{foreach:items=Api::run('getVrOrderGoodsListByGoodsid',array('#order_no#',$order_no)) item=$good} {set:$good_info = JSON::decode($good['goods_array'])}
			<div class="mui-card item">
				<!--页眉，放置标题-->
				<div class="mui-card-header header">
					{query:name = seller where= id eq $item[seller_id] item = $sl }
						<p>{$sl['store_name']}</p>
						<p>{$item['create_time']}</p>
					{/query}
					<!-- <p>{$item['order_no']}</p> -->
				</div>
				<!--内容区-->
				<div class="mui-card-content desc">
					<div>
						<img alt="商品图片" src="{url:/pic/thumb/img/$good[img]}">
					</div>
					<div>
						<span>{$good_info['name']}</span>
					</div>
					<div>
						<span>￥{$good['goods_price']}</span>
					</div>
				</div>
				<!--页脚，放置补充信息或支持的操作-->
				<div class="mui-card-footer sfoot">
					<a href="{url:/ucenter/vr_order_detail/order_no/$item[order_no]}">查看订单</a>
					<span>></span>
				</div>
			</div>
		{/foreach}
	{/foreach}
	
	
	
	{$queryOrderList->getPageBar()}
	
	{else:}
    <div class="nodata">当前暂无数据</div>
    {/if}
</section>
<script>
$(function(){
	hideNav()
})
</script>
